/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "flexible_grids"
 * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "flexible_grids"
 *
 * @copyright       Copyright 2007, Sven Kausche
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 466 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

@media screen, projection
{
  /* (en) Repeat the main color from the header above the navigation */
  /* (de) Wiederholung der Hauptfarbe aus dem Header oberhalb der Navigation */
  #header { background: #edf2f8 url("../../images/bg_header.png") repeat-x bottom left;}
  .hlist {background-color: #c8ddf3}
  .hlist ul { padding-left: 0}
  
  
  .box-top .lframe,
  .box-top .rframe { background: url("../../images/frame/lframe.png") top left no-repeat; }

  .box-top .subcl,
  .box-top .subcr,
  .box-top .subc {
    padding: 15px;
    background: url("../../images/frame/rframe.png") top right no-repeat;
    padding-bottom: 100em;
    margin-bottom: -100em;
  }
  
  .box-bottom { margin-bottom: 1em; text-align:right; }

  .box-bottom .lframe,
  .box-bottom .rframe { background: url("../../images/frame/lframe.png") bottom left no-repeat; }

  .box-bottom .subcl,
  .box-bottom .subcr,
  .box-bottom .subc {
    padding: 0 20px 15px 20px;
    background: url("../../images/frame/rframe.png") bottom right no-repeat;
  }
  
  /* adjustment of conent elements within the boxes */
  .box-top h6 { display: block; margin: 10px 5px 5px 5px; border-bottom: 1px #c88 solid; font-style:normal; font-variant:small-caps; }
  .box-top p { padding: 5px; margin-bottom: 0;}
  
}
